<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>薪智直聘</title>
  <link rel="stylesheet"
    href="https://duxinggj-1251133427.cos.ap-guangzhou.myqcloud.com/case/%E7%9F%A5%E4%BA%86%E7%A4%BE%E4%BF%9D/css/base.css" />
  <style>
    .kxczxdsft {
      position: fixed;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
    }

    .logo {
      width: 100px;
      height: 100px;
      border-radius: 8px;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    }

    .dfsxcxzrtry {
      position: fixed;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.3);
    }

    .tag-label {
      font-size: 12px;
      background: #ffffff90;
      color: #008742;
      padding: 4px 10px;
      border-radius: 4px;
    }

    .red {
      color: #ff2a00 !important;
    }
    .xzczxerttdrt{
      width: 200px;
      height: 200px;
    }
  </style>
</head>

<body>
  <img class="kxczxdsft imgjz pr"
    src="https://duxinggj-1251133427.cos.ap-guangzhou.myqcloud.com/case/%E8%96%AA%E6%99%BA%E7%9B%B4%E8%81%98/haibao23322.jpg">
  <div class="pr dfsxcxzrtry">
    <div class="mt50 vertical-center">
      <img class="logo imgjz cz" src="" id="logo">
    </div>
    <div class="cf fz20 cen mt10" id="companyName"> </div>
    <div class="mt5 vertical-center">
      <div id="tag">
      </div>
    </div>
    <div class="mt40 pd cf fz26 cen" id="name">
    </div>
    <div class=" vertical-center cf mt20">
      <div class="">
        <div class=" display-flex ">
          <p class="fz16 vertical-center jzhh">
            综合薪资:
          </p>
          <div class="jzhh">
            <span class="red b fz18" id="payOverall"></span>元
          </div>
        </div>
        <div class=" display-flex mt10">
          <p class="fz16 vertical-center jzhh">
            日领薪酬:
          </p>
          <div>
            <span class="red b fz18 jzhh" id="pay"></span>元
          </div>
        </div>
      </div>
    </div>
    <p class="cf fz14 cen mt20" id="jobAddress"> </p>
    <div class="mt100 vertical-center">
      <img class="xzczxerttdrt" src="" id="qccode">
    </div>
    <p class="cen cf mt10 fz12">
      长按识别，解锁更多职位详情
    </p>

  </div>
  <script
    src="https://duxinggj-1251133427.cos.ap-guangzhou.myqcloud.com/case/%E7%9F%A5%E4%BA%86%E7%A4%BE%E4%BF%9D/js/jquery-1.11.3.min.js"></script>
  <script>
     var urlToObject = function(url) {
                var urlObject = {};
                if (/\?/.test(url)) {
                    var urlString = url.substring(url.indexOf("?") + 1);
                    var urlArray = urlString.split("&");
                    for (var i = 0, len = urlArray.length; i < len; i++) {
                        var urlItem = urlArray[i];
                        var item = urlItem.split("=");
                        urlObject[item[0]] =decodeURIComponent(item[1]);
                    }
                    return urlObject;
                }
            };
            var testUrl = window.location.href
            var result = urlToObject(testUrl);
            console.log(result);
            $("#logo").attr("src",result.logo)
            $("#companyName").text(result.companyName)
            $("#name").text(result.name)
            $("#payOverall").text(result.payOverall)
            $("#pay").text(result.pay)
            $("#jobAddress").text(result.jobAddress)
            $("#qccode").attr("src",result.qccode)

            try{
              result.tag.split(",").map(a=>{
                $("#tag").append(` <span class="tag-label mr5">${a}</span>`)
              })
            }catch(e){

            }
            
  </script>
  </body>

</html>